
  var form = layui.form
var laypage = layui.laypage
let layer =layui.layer
  
  // 当前页码
  var pagenum = 1
  // 每页显示的条数
  var pagesize = 5

  // 获取令牌
let token = localStorage.getItem('token')
// 加载当前用户列表
function ppd(ssw) {
   
    // console.log(ssw);
    Headers: { 'token' }
    

    $.ajax({
        
        url:'/admin/users',
        data: ssw,
        
        success: function (res) {
            // console.log(res);
            if (res.status == 0) {
                let str = ''
                res.data.forEach(item => {
                    str += `
             <tr >
                <td>${item.id}</td>
                <td>${item.username}</td>
                <td>${item.nickname}</td>
                <td>${item.email}</td>
                <td>
                  <button laoli="${item.id}" type="button" class="layui-btn layui-btn-xs ">

                    <a style="color: #fff" target="iframeArea" href="./edit.html?id=${item.id}">编辑</a>
                  </button>


                  <button abc="${item.id}" type="button" class="layui-btn layui-btn-xs layui-btn-danger delete">删除</button>
                  <button def="${item.id}" type="button" class="layui-btn layui-btn-xs layui-btn-normal delete2">重置密码</button>
                </td>
                </tr>`
                })

                $('tbody').html(str)

            }

            laypage.render({
                // 注意，这里的 articlePage 是 ID，不用加 # 号
                elem: 'articlePage',
                // 当前页码
                curr: pagenum,
                // 数据总数，从服务端得到
                count: res.total,
                // 每页显示的条数
                limit: pagesize,
                // 每页显示条数列表
                limits: [3, 10, 30, 40, 100],
                // 分页条布局效果
                layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'],
                // 页面切换是触发的动作
                jump: function(obj, first) {
                    pagenum = obj.curr
                    // 切换每页显示条数时，修改pagesize
                    pagesize = obj.limit
                    // 重新加载接口数据
                    if (!first) {
                      // 首次不触发，切换页码时触发
                      ppd({
                        // 页码：必须从1开始
                        pagenum: pagenum,
                        // 每页显示多少条数据
                        pagesize: pagesize
                      })
                    }
                   
                  }
              });
          
        }
    });
}


ppd({
     // 页码：必须从1开始
     pagenum: pagenum,
     // 每页显示多少条数据
     pagesize: pagesize
})
// 删除按钮

$('tbody').on('click', '.delete', function () {
  
//  获取 当前点击按钮的id

  let id = $(this).attr('abc')
  console.log(id);
  layer.confirm('确定要哦删除吗', function (index) {
   // 发起ajaxi请求
   $.ajax({
    type: "delete",
    url: '/admin/users/' + id,
    success: function (res) {
      layer.msg(res.message)
      ppd({
    
        pagenum: pagenum,
 
        pagesize: pagesize
   })
    }
  });
})

 
})

// 重置密码
// 弹出层
$('.layui-table tbody').on('click', '.layui-btn-normal', function (e) {
  let id = $(e.target).data('id')
  let index = layer.open({
    type: 1,
    title: '重置密码',
    content: $('#repwd-form-tpl').html(),
    area: ['500px', '250px']
  })
})



$('tbody').on('click', '.delete2', function () {
  let id = $(this).attr('def')
  console.log(id);
  // repwd-form
$('#repwd-form').on('submit', function (e) {
  e.preventDefault()
//  获取 当前点击的id
 
  $.ajax({
    type: 'put',
        url: '/admin/users/' + id,
    data: {
      password: $('#repwd-form input[name=password]').val()
    },
    
    success: function (res) {
      layer.msg(res.message)
      layer.closeAll('page')
    }
  });
})

})

